iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 24
0
Modern Web

網頁技術學習心得系列 第 24

Fetch & Promise 筆記八(實作鬧鐘 Promise)

  • 分享至 

  • xImage
  •  

實作設定鬧鐘!

將 Promise 包裝成 sleep 函式,參數是秒數。

// 一般寫法

// function sleep(time) {
//     const myPromise = new Promise( resolve => {
//         setTimeout(resolve, time)
//     })
//     return myPromise
// }

// 簡化寫法

// function sleep(time) {
//     return new Promise( resolve => {
//         setTimeout(resolve, time)
//     })
// }

// // 再簡化寫法

// const sleep = time => new Promise (resolve => {
//     setTimeout(resolve, time)
// })

// 極簡化寫法
    
const sleep = time => new Promise (resolve => setTimeout(resolve, time))
    
sleep(1500).then(myPromise => {
  console.log('myPromise data:', myPromise) 
}).catch(err => console.log('err', err))

1.5 秒後回傳!


上一篇
Fetch & Promise 筆記七(Promise 加插使用、實作 XHR Promise)
下一篇
Webpack 筆記一(為什麼需要 Webpack)
系列文
網頁技術學習心得30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言